<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>05-个人中心-已登录-05我的订单-06线下订单</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
    <link href="css/public.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/personal.css" rel="stylesheet" type="text/css" media="all" />
    <script src="js/jquery-2.1.4.min.js"></script>
</head>
<body class="graybody">
<header class="header">
    <div class="header_right"><a href="#" class="fontcolor">筛选</a></div>
    <div class="header_left"><a href="#" class="returnico"></a></div>
    <div class="header_center"><a href="#" class="fontcolor">线下订单<span class="allclisanjiao"></span></a></div>
</header>
<!--搜索-->
<div class="searchdiv">
    <form>
        <input type="text" placeholder="商品名称/商品编号/订单号" class="searchtext"/>
        <input type="submit" value="搜索" class="searchsubmit"/>
    </form>
</div>
<div class="orderlist">
    <ul>
        <li>
            <div class="orderlisttop orange"><span class="right fontcolor">已确认</span>订单号：110486514858</div>
            <div class="orderlistcen">懒玲玲/台州玫瑰香酒业商行</div>
            <div class="orderlistdiv">
                <p class="orderlistp"><span class="right">支付方式：积分支付</span>商品名称：红酒</p>
                <p class="orderlistp"><span class="right">￥255.00</span>收货人：某某某</p>
                <p class="orderlistp">时间：2016-06-11 23:10:36</p>
            </div>
            <div class="orderlistbot">审核时间：2016-06-11 23:25:36</div>
        </li>
        <li>
            <div class="orderlisttop orange"><span class="right fontcolor">处理中</span>订单号：110486514858</div>
            <div class="orderlistcen">懒玲玲/台州玫瑰香酒业商行</div>
            <div class="orderlistdiv">
                <p class="orderlistp"><span class="right">支付方式：积分支付</span>商品名称：红酒</p>
                <p class="orderlistp"><span class="right">￥255.00</span>收货人：某某某</p>
                <p class="orderlistp">时间：2016-06-11 23:10:36</p>
            </div>
            <div class="orderlistbot">审核时间：2016-06-11 23:25:36</div>
        </li>
        <li>
            <div class="orderlisttop orange"><span class="right fontcolor">处理中</span>订单号：110486514858</div>
            <div class="orderlistcen">懒玲玲/台州玫瑰香酒业商行</div>
            <div class="orderlistdiv">
                <p class="orderlistp"><span class="right">支付方式：积分支付</span>商品名称：红酒</p>
                <p class="orderlistp"><span class="right">￥255.00</span>收货人：某某某</p>
                <p class="orderlistp">时间：2016-06-11 23:10:36</p>
            </div>
            <div class="orderlistbot">审核时间：2016-06-11 23:25:36</div>
        </li>
        <li>
            <div class="orderlisttop orange"><span class="right fontcolor">处理中</span>订单号：110486514858</div>
            <div class="orderlistcen">懒玲玲/台州玫瑰香酒业商行</div>
            <div class="orderlistdiv">
                <p class="orderlistp"><span class="right">支付方式：积分支付</span>商品名称：红酒</p>
                <p class="orderlistp"><span class="right">￥255.00</span>收货人：某某某</p>
                <p class="orderlistp">时间：2016-06-11 23:10:36</p>
            </div>
            <div class="orderlistbot">审核时间：2016-06-11 23:25:36</div>
        </li>

    </ul>
</div>
<!--订单下拉-->
<div class="tanchuangbj">
    <div class="dingdannav">
        <ul>
            <li><a href="#">全部订单</a></li>
            <li class="indexbgcolor"><a href="#">线下订单</a></li>
            <li><a href="#">退款记录</a></li>
        </ul>
    </div>
</div>
<script>
    //订单下拉弹窗
    $(".header_center").click(function (e) {
        $(".tanchuangbj").show();
        $(".header").addClass("headershow");
        e.stopPropagation()
    });
    $(".dingdannav li").click(function (e) {
        $(this).addClass("indexbgcolor").siblings().removeClass("indexbgcolor");
        var thistext=$(this).text();
        $(".header_center a").html(thistext+"<span class='allclisanjiao'></span>");
        $(".header").removeClass("headershow");
        $(".tanchuangbj").hide();
        e.stopPropagation()
    });
    //关闭弹窗
    $(document).click(function () {
        $(".tanchuangbj").hide()
        $(".header").removeClass("headershow");
    });
</script>
</body>
</html>